<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style>
        a:link{
            color: pink;
            font-size: 30px;
        }
        a:hover{
            color: #290082;
            font-size: 35px;
        }
        a:active{
            color: green;
        }
        a:visited{
            color: black;
        }
        a:first-child:link{
            color: coral;
        }
        a:last-child{
            color: black;
        }
    </style>
</head>
<body>
    <div>
        <a href="#">这是第一个a标签</a>
        <br>
        <a href="https://www.jd.com">京东</a>
        <br>
        <a href="#">这是第二个a标签</a>
        <br>
        <a href="#">这是最后一个个a标签</a>
    </div>
</body>
</html>